<template>
  <div>
      <p class="tou">
        <span class="iconfont icon-tishi"></span>
        <span> 限时秒杀</span>
      </p>
      <div class="box">
      <div class="sbox">
        <p><img src="@/assets/huiyuan/w1.jpg" alt=""></p>
        <div>
          <p>10元秒杀 | 8.8折食材券</p>
          <p class="jf">99积分</p>
          <p class="sc">299积分</p>
          <p>
            <span class="qiang">已抢0件</span>
            <button>马上抢</button>
          </p>
        </div>
      </div>
      <div class="sbox">
        <p><img src="@/assets/huiyuan/w1.jpg" alt=""></p>
        <div>
          <p>10元秒杀 | 8.8折食材券</p>
          <p class="jf">99积分</p>
          <p class="sc">299积分</p>
          <p>
            <span class="qiang">已抢0件</span>
            <button>马上抢</button>
          </p>
        </div>
      </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .tou{
      margin: .2rem 0 .2rem .1rem;
    }
    .box{
      width: 100%;
      display: flex;
      justify-content: space-around;
    }
    .sbox{
      height: 2.2rem;
      
      width: 1.6rem;
      
    }
    .sbox img{
      width: 1.6rem;
    }
    .jf{
      color: red;
      font-size: .13rem;
    }
    .sc{
      color: gray;
      text-decoration: line-through;
      font-size: .12rem;
    }
    .qiang{
      font-size: .12rem;
    }
    .sbox button{
      font-size: .12rem;
      background: rgb(246,92,73);
      width: .6rem;
      color: white;
      border-radius: .2rem;
      margin-left: .47rem;
    }
</style>